初心者のためのHP講座
HP初心者のために、HTMLの書き方を紹介します。
LEVEL0 文字を制御しよう!
色
色
色
この様に、文字の色を変えたい場合は、
半角文字で以下の様に書きます。
▲2004/10/08 説明を半角文字に修正
<font color="#rrggbb">
色を付けたい文字</font>
rr:赤の濃さ |
FF:明るい |
~ |
~ |
~ |
00:暗い |
256段です。 |
gg:緑の濃さ |
FF:明るい |
~ |
~ |
~ |
00:暗い |
256段です。 |
bb:青の濃 |
FF:明るい |
~ |
~ |
~ |
00:暗い |
256段です。 |
白~灰~黒 |
FFFFFF |
~ |
~ |
~ |
000000 |
256段です。 |
ff00ff |
ff44ff |
ff88ff |
ffccff |
ffffff |
ff00cc |
ff44cc |
ff88cc |
ffcccc |
ffffcc |
ff0088 |
ff4488 |
ff8888 |
ffcc88 |
ffff88 |
ff0044 |
ff4444 |
ff8844 |
ffcc44 |
ffff44 |
ff0000 |
ff4400 |
ff8800 |
ffcc00 |
ffff00 |
CC00ff |
CC44ff |
CC88ff |
CCCCff |
CCffff |
CC00cc |
CC44cc |
CC88cc |
CCCCcc |
CCffcc |
CC0088 |
CC4488 |
CC8888 |
CCCC88 |
CCff88 |
CC0044 |
CC4444 |
CC8844 |
CCCC44 |
CCff44 |
CC0000 |
CC4400 |
CC8800 |
CCCC00 |
CCff00 |
8800ff |
8844ff |
8888ff |
88ccff |
88ffff |
8800cc |
8844cc |
8888cc |
88cccc |
88ffcc |
880088 |
884488 |
888888 |
88cc88 |
88ff88 |
880044 |
884444 |
888844 |
88cc44 |
88ff44 |
880000 |
884400 |
888800 |
88cc00 |
88ff00 |
4400ff |
4444ff |
4488ff |
44ccff |
44ffff |
4400cc |
4444cc |
4488cc |
44cccc |
44ffcc |
440088 |
444488 |
448888 |
44cc88 |
44ff88 |
440044 |
444444 |
448844 |
44cc44 |
44ff44 |
440000 |
444400 |
448800 |
44cc00 |
44ff00 |
000000 |
004400 |
008800 |
00cc00 |
00ff00 |
000044 |
004444 |
008844 |
00cc44 |
00ff44 |
000088 |
004488 |
008888 |
00cc88 |
00ff88 |
0000cc |
0044cc |
0088cc |
00cccc |
00ffcc |
0000ff |
0044ff |
0088ff |
00ccff |
00ffff |
ピンクは、赤紫を白くすればよいので、
ピンク:#FF88FFぐらいでしょう
▲2003/2/22追加 直接色を指定出来ます。
<font color=色を単語指定>
red|blue|PINK|yellow|green|black|white|cyan|
大きさ
大きさ
大きさ
文字の大きさは、
<font size="+n">
大きさを変えたい文字</font>
n:数字が大きいほど、文字が大きくなります。
文字を強調しよう!
これは、
<b>強調したい文字</b>
▲2003/2/22追加
文字にアンダーラインを付けよう!
これは、
<U>アンダーラインを付けたい文字列</u>
境界線(↑これです)を作ろう!
<hr>
これで線が引けます。
▲2003/2/22追加
境界線(↑これです)に色を付けよう!
<hr color=色指定>
これで色線が引けます。色指定は、文字に色を付ける方法と同じです。
文字を真ん中にしよう!
真ん中
<center>
真ん中合わせにしたい文字</center>
LEVEL1に進む
▲2004/10/08更新しました。
HTML表記の例文の説明を半角文字に修正
▲2003/2/22更新しました。
色指定の方法で、直接色の単語を書く方法を追加
文字にアンダーラインを付ける方法を追加
境界線に色を付ける方法を追加